<template>
    <div class="login">
        <div class="inner">
           <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="用户名：">
                <el-input size="mini" v-model="form.name" prefix-icon="el-icon-user"></el-input>
            </el-form-item>
            
            <el-form-item label="密码：">
                <el-input size="mini" placeholder="请输入密码" v-model="form.password" show-password prefix-icon="el-icon-lock"></el-input>
            </el-form-item>
            <div class="btns">
                <el-button type="primary" round>注册</el-button>
                <el-button type="text" @click="gologin">已有账号？去登录</el-button>
            </div>
        </el-form>
        </div>
    </div>
</template>
<style scoped>
.login{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(119,191,187);
}
.inner{
    width: 450px;
    display: flex;
    padding-left: 50px;
    flex-wrap: wrap;
    align-content: space-around;
    height: 300px;
    border-radius: 20px;
    background-color: #fff;
}
.btns{
    display: flex;
    justify-content: space-around;
    width: 400px;
}
</style>
<script>
  export default {
    data() {
      return {
        form: {
          name: '',
          region: '',
          date1: '',
          date2: '',
          delivery: false,
          type: [],
          resource: '',
          desc: ''
        }
      }
    },
    methods: {
      onSubmit() {
        console.log('submit!');
      },
      gologin(){
          this.$router.push("/login")
      }
    }
  }
</script>
<style scoped>
.el-input{
width: 200px;
}
</style>